<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        action="数据提交的地址" (跳转)
        method = "get/post"  提交的方式

        以get方式传递数据时,会将参数数据队列(user=a123123&pwd=123123)拼接到url之后 用 "?"分隔
     -->

    <form action="https://www.baidu.com" method="get">
        <div class="input-group">
            <label for="">用户名:</label>
            <input type="text" name="user">
        </div>
        <div class="input-group">
            <label for="">密&emsp;码:</label>
            <input type="text" name="pwd">
        </div>
        <div class="input-group">
            <input type="submit" value="提交">
        </div>
    </form>
</body>
<script>

    // url => 统一资源定位符

    // url的组成
    // https://www.abc.com:443/html/index.html?a=1&b=2#one


    // 协议: (传输协议)
    // http
    // https

    // 域名: www.abc.com
    // www  万维网

    // abc  域名(直接使用ip地址也可以)
    // baidu  一级域名
    // tieba.baidu  二级域名
    // a.tieba.baidu  三级域名


    // 本地(可以在用户本地搭建服务器 => 局域网访问)
    // 192.168.57.127
    // localhost (本地主机 => 快捷访问自己的)
    // 127.0.0.1 (本地主机 => 快捷访问自己的)

    // .com  域名后缀
    // 国际通用域名(网站类型): .com   .xyz  .edu  .net  .tech  .email
    // 国别域名(国家):  .cn  .us  .ru

  

    // 端口:
    // http(80)
    // https(443)
    // 5050  8080 5000 3000  6789  4567  限制端口


    // https://www.baidu.com   => 通过域名 -> 服务器ip地址  -> 访问服务器的 => (80 /443/闲置端口 访问 =>  存放web文件的位置(站点))


    // /html/index.html   文件路径
    // /html/       => 目录(真实的 虚拟(路由))
    // index.html   => 文件名


    // 页面携带数据
    // ?user=a123123&pwd=123123  参数数据队列

    // 锚点(hash值)
    // #one










</script>

</html>